<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>订单列表</title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/order.css" />
		<script src="js/order.js" type="text/javascript"></script>
	</head>

	<body>
		<div class="header_box">
			<div class="header">
				<p>您好，欢迎光临波士蒙斯商城</p>|
				<a href="login.html">您好！路人甲</a>
				<div class="header_right">
					<div class="use">
						<p id="use">我的波士蒙斯</p>|
						<ul id="core" style="display: none;">
							<li>
								<a href="user.html">我的用户中心</a>
							</li>
							<li>
								<a href="shop_cart.html">我的购物车</a>
							</li>
							<li>
								<a href="order.html">我的订单</a>
							</li>
							<li>
								<a href="#">我的收藏</a>
							</li>
							<li>
								<a href="comments.html">我的评价</a>
							</li>
							<li>
								<a href="#">我的余额</a>
							</li>
						</ul>
					</div>
					<a href="#">网站导航</a>|
					<a href="#">帮助中心</a>|
				</div>
			</div>
		</div>
		<div class="nav">
			<div class="logo">
				<a href="index.html"><img src="img/e.png" /></a>
			</div>
			<div class="search_box">
				<div class="search">
					<from>
						<input type="text" class="search_text" value />
						<input type="button" class="search_button" value="搜索" />
					</from>
				</div>
				<div class="search_tip">
					<ul>
						<li>
							<a href="#">花花公子</a>
						</li>
						<li>
							<a href="#">GXG</a>
						</li>
						<li>
							<a href="#">森马</a>
						</li>
						<li>
							<a href="#">美特斯邦威</a>
						</li>
						<li>
							<a href="#">七匹狼</a>
						</li>
						<li>
							<a href="#">特步</a>
						</li>
						<li>
							<a href="#">李宁</a>
						</li>
						<li>
							<a href="#">鸿星尔克</a>
						</li>
					</ul>
				</div>
			</div>
			<img src="img/r.png" />
		</div>
		<div class="menu">
			<h2>商品分类</h2>

			<ul>
				<li class="on">
					<a href="index.html">新品上市</a>
				</li>
				<li>
					<a href="shop_list.html">特惠商品</a>
				</li>
				<li>
					<a href="shop_list.html">团购专区</a>
				</li>
				<li>
					<a href="shop_list.html">秒杀</a>
				</li>
				<li>
					<a href="shop_list.html">海外品牌</a>
				</li>
				<li>
					<a href="shop_list.html">国内品牌</a>
				</li>
				<li>
					<a href="shop_list.html">会员专区</a>
				</li>
			</ul>

		</div>
		<div class="center">
			<div class="center_list">
				<dl>
					<dt>个人中心</dt>
					<dd>
						<a href="user.html">我的用户中心</a>
					</dd>
					<dd>
						<a href="shop_cart.html">我的购物车</a>
					</dd>
					<dd class="on">
						<a href="order.html">我的订单</a>
					</dd>
					<dd>
						<a href="#">我的收藏</a>
					</dd>
					<dd>
						<a href="comments.html">我的评价</a>
					</dd>
					<dd>
						<a href="#">我的余额</a>
					</dd>
					<dt>我的帐户</dt>
					<dd>
						<a href="address.html">地址管理</a>
					</dd>
					<dd>
						<a href="user.html">个人中心</a>
					</dd>
					<dt>我要退款</dt>
					<dd>
						<a href="#">系统信息</a>
					</dd>
					<dd>
						<a href="#">举报系统</a>
					</dd>
				</dl>
			</div>
			<div class="center_box">
				<div class="order_nav">
					<ul>
						<li class="on">所有订单</li>
						<li>待付款</li>
						<li>待发货</li>
						<li>待收货</li>
						<li>待评价</li>
						<li>已完成</li>
					</ul>
				</div>
				<ul>
					<li>
						<ul>
							<li>订单号：sdbhfgsag16412316416</li>
							<li>2017-10-21 12：56</li>
							<li>收件人：路人甲</li>
						</ul>
						<div class="order_img">
							<a href="pro_details.html"><img src="img/i2.png" /></a>
						</div>
						<div class="order_title">
							<p>
								<a href="pro_details.html">A21 以纯男装字母印花拼接插肩长袖T恤男 4731320001-1<span> 深绿 175/88A/L</span><i>数量：2</i></a>
							</p>
						</div>
						<div class="order_money"><em>￥265.00</em></div>
						<div class="order_details"><span>等待付款</span>
							<a href="order_details.html">订单详情</a>
						</div>
						<div class="order_buttom">
							<a href="pay.html">立即付款</a>
							<a href="javascript:void(0)" class="delete">取消订单</a>
						</div>
					</li>
					<li>
						<ul>
							<li>订单号：sdbhfgsag16412316416</li>
							<li>2017-10-21 12：56</li>
							<li>收件人：路人甲</li>
						</ul>
						<div class="order_img">
							<a href="pro_details.html"><img src="img/i1.png" /></a>
						</div>
						<div class="order_title">
							<p>
								<a href="pro_details.html">花花公子贵宾系列 t恤男2017 新款商务休闲时尚立领印花纯棉长袖T恤男
									<span>兔头|白色长袖 180/XL</span><i>数量：1</i></a>
							</p>
						</div>
						<div class="order_money"><em>￥199.00</em></div>
						<div class="order_details"><span>已发货</span>
							<a href="javascript:void(0)" class="delete">删除订单</a>
						</div>
						<div class="order_buttom">
							<a href="#">确认收货</a>
							<a href="#">申请退款</a>
						</div>
					</li>
					<li>
						<ul>
							<li>订单号：sdbhfgsag16412316416</li>
							<li>2017-10-21 12：56</li>
							<li>收件人：路人甲</li>
						</ul>
						<div class="order_img">
							<a href="pro_details.html"><img src="img/i3.png" /></a>
						</div>
						<div class="order_title">
							<p>
								<a href="pro_details.html">金利来(Goldlion)男装含莫代尔纯色时尚开襟领男士短袖T恤 <span>白色-00 XXXL</span><i>数量：1</i></a>
							</p>
						</div>
						<div class="order_money"><em>￥199.00</em></div>
						<div class="order_details"><span>未发货</span>
							<a href="javascript:void(0)" class="delete">取消删除</a>
						</div>
						<div class="order_buttom">
							<a href="#">提醒发货</a>
							<a href="#">申请退款</a>
						</div>
					</li>
					<li>
						<ul>
							<li>订单号：sdbhfgsag16412316416</li>
							<li>2017-10-21 12：56</li>
							<li>收件人：路人甲</li>
						</ul>
						<div class="order_img">
							<a href="pro_details.html"><img src="img/i4.png" /></a>
						</div>
						<div class="order_title">
							<p>
								<a href="pro_details.html">美特斯邦威 Meters Bonwe 601898 男多色字母印花长袖T恤 <span>亮白175/96A</span><i>数量：1</i></a>
							</p>
						</div>
						<div class="order_money"><em>￥79.00</em></div>
						<div class="order_details"><span>已收货</span>
							<a href="javascript:void(0)" class="delete">删除订单</a>
						</div>
						<div class="order_buttom">
							<a href="comments.html">立即评价</a>
							<a href="#">申请退款</a>
						</div>
					</li>
					<li>
						<ul>
							<li>订单号：sdbhfgsag16412316416</li>
							<li>2017-10-21 12：56</li>
							<li>收件人：路人甲</li>
						</ul>
						<div class="order_img">
							<a href="pro_details.html"><img src="img/i5.png" /></a>
						</div>
						<div class="order_title">
							<p>
								<a href="pro_details.html">佐丹奴（Giordano） 男装T恤 纯棉字母印花圆领长袖T恤92097604 <span>标志海军蓝色02 小码(165/92A)</span><i>数量：1</i></a>
							</p>
						</div>
						<div class="order_money"><em>￥99.00</em></div>
						<div class="order_details"><span>已收货</span>
							<a href="javascript:void(0)" class="delete">删除订单</a>
						</div>
						<div class="order_buttom">
							<span>已完成</span>
							<a href="#">申请售后</a>
						</div>
					</li>
				</ul>
				<div class="page_box">
					<a href="#">上一页</a>
					<a class="on" href="#">1</a>
					<a href="#">2</a>
					<a href="#">3</a>
					<a href="#">4</a>
					...
					<a href="#">123</a>
					<a href="#">下一页</a>
				</div>
			</div>

		</div>
		<div class="footer">
			<ul>
				<li><img src="img/j.png" />
					<h2>正品保障</h2>
					<p>正品保障 提供发票</p>
				</li>
				<li><img src="img/k.png" />
					<h2>急速物流</h2>
					<p>如约送货 送货入户</p>
				</li>
				<li><img src="img/l.png" />
					<h2>售后无忧</h2>
					<p>退换无忧 维权无忧</p>
				</li>
				<li><img src="img/z.png" />
					<h2>特色服务</h2>
					<p>私人订制休闲套餐</p>
				</li>
			</ul>
			<div class="mod_help">

				<dl>
					<dt>购物指南</dt>
					<dd>
						<a href="#">导购演示</a>
					</dd>
					<dd>
						<a href="#">免费注册</a>
					</dd>
					<dd>
						<a href="#">会员等级</a>
					</dd>
					<dd>
						<a href="#">常见问题</a>
					</dd>
					<dd>
						<a href="#">品牌大全</a>
					</dd>
				</dl>

				<dl>
					<dt>支付方式</dt>
					<dd>
						<a href="#">网银支付</a>
					</dd>
					<dd>
						<a href="#">快捷支付</a>
					</dd>
					<dd>
						<a href="#">分期支付</a>
					</dd>
					<dd>
						<a href="#">货到付款</a>
					</dd>
				</dl>

				<dl>
					<dt>物流配送</dt>
					<dd>
						<a href="#">免运费政策</a>
					</dd>
					<dd>
						<a href="#">配送服务承诺</a>
					</dd>
					<dd>
						<a href="#">验货签收</a>
					</dd>
					<dd>
						<a href="#">物流查询</a>
					</dd>
				</dl>

				<dl>
					<dt>售后服务</dt>
					<dd>
						<a href="#">退换货政策</a>
					</dd>
					<dd>
						<a href="#">退换货流程</a>
					</dd>
					<dd>
						<a href="#">购买延保服务</a>
					</dd>
					<dd>
						<a href="#">退款说明</a>
					</dd>
					<dd>
						<a href="#">退换货申请</a>
					</dd>
				</dl>

				<dl>
					<dt>商家服务</dt>
					<dd>
						<a href="#">商家入驻</a>
					</dd>
					<dd>
						<a href="#">培训中心</a>
					</dd>
					<dd>
						<a href="#">广告服务</a>
					</dd>
					<dd>
						<a href="#">商家帮助</a>
					</dd>
					<dd>
						<a href="#">服务市场</a>
					</dd>
					<dd>
						<a href="#">规则中心</a>
					</dd>
				</dl>

				<dl>
					<dt>身边商城</dt>
					<dd>
						<a href="#">连锁门店</a>
					</dd>
					<dd>
						<a href="#">地理位置</a>
					</dd>
					<dd>
						<a href="#">为您服务</a>
					</dd>
				</dl>

			</div>
			<div class="copyright">
				<p>Copyright © 2017 Adobe Systems Software Ireland Ltd. All rights reserved</p>
			</div>
		</div>
	</body>

</html>